<template>

  <view>
   <view>
   		<u-navbar @click="backIndex"  back-icon-color="#fff"   title-color="#fff" title="卡片组 (53) " :background="background">
         <view class="u-nav-slot" slot="right">
                <u-icon
                    name="plus"
                    size="50"
                    color="#fff"
                    @click="addPaper"
                ></u-icon>

            </view>
      </u-navbar>

   		<view class="content">
   			<!-- 正文内容 -->
        <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;" @click="answerHandle('practice')">
          <view class="u-header">
           <view class="u-header-body">
             <view class="u-header-text">
               主变保护
             </view>
             	<u-tag text="82%" type="success" shape="square"  size="mini"  />
           </view>
           <view >
                <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
                <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
                <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
           </view>
          </view>
          <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
          <view class="u-today">
            <view class="u-today-card">
                <view class="u-today-card-title">
                  主变保护器相关背题
                </view>
                <view class="">
                   2024-03-12 12:00:00
                </view>
            </view>

            <view class="u-today-icon">
                  <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
            </view>
          </view>

        </view>  
      <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
        <view class="u-header">
         <view class="u-header-body">
           <view class="u-header-text">
             主变保护
           </view>
           	<u-tag text="82%" type="success" shape="square"  size="mini"  />
         </view>
         <view >
              <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
              <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
              <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
         </view>
        </view>
        <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
        <view class="u-today">
          <view class="u-today-card">
              <view class="u-today-card-title">
                主变保护器相关背题
              </view>
              <view class="">
                 2024-03-12 12:00:00
              </view>
          </view>
      
          <view class="u-today-icon">
                <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
          </view>
        </view>
      
      </view>  
     <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
       <view class="u-header">
        <view class="u-header-body">
          <view class="u-header-text">
            主变保护
          </view>
          	<u-tag text="82%" type="success" shape="square"  size="mini" />
        </view>
        <view >
             <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
             <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
             <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
        </view>
       </view>
       <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
       <view class="u-today">
         <view class="u-today-card">
             <view class="u-today-card-title">
               主变保护器相关背题
             </view>
             <view class="">
                2024-03-12 12:00:00
             </view>
         </view>
     
         <view class="u-today-icon">
               <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
         </view>
       </view>
     
     </view>  
     <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
       <view class="u-header">
        <view class="u-header-body">
          <view class="u-header-text">
            主变保护
          </view>
          	<u-tag text="82%" type="success" shape="square"  size="mini"  />
        </view>
        <view >
             <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
             <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
             <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
        </view>
       </view>
       <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
       <view class="u-today">
         <view class="u-today-card">
             <view class="u-today-card-title">
               主变保护器相关背题
             </view>
             <view class="">
                2024-03-12 12:00:00
             </view>
         </view>
     
         <view class="u-today-icon">
               <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
         </view>
       </view>
     
     </view>  
     <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
       <view class="u-header">
        <view class="u-header-body">
          <view class="u-header-text">
            主变保护
          </view>
          	<u-tag text="82%" type="success" shape="square"  size="mini"  />
        </view>
        <view >
             <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
             <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
             <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
        </view>
       </view>
       <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
       <view class="u-today">
         <view class="u-today-card">
             <view class="u-today-card-title">
               主变保护器相关背题
             </view>
             <view class="">
                2024-03-12 12:00:00
             </view>
         </view>
     
         <view class="u-today-icon">
               <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
         </view>
       </view>
     
     </view>  
     <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
       <view class="u-header">
        <view class="u-header-body">
          <view class="u-header-text">
            主变保护
          </view>
          	<u-tag text="82%" type="success" shape="square"  size="mini"  />
        </view>
        <view >
             <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
             <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
             <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
        </view>
       </view>
       <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
       <view class="u-today">
         <view class="u-today-card">
             <view class="u-today-card-title">
               主变保护器相关背题
             </view>
             <view class="">
                2024-03-12 12:00:00
             </view>
         </view>
     
         <view class="u-today-icon">
               <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
         </view>
       </view>
     
     </view>  
     <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
       <view class="u-header">
        <view class="u-header-body">
          <view class="u-header-text">
            主变保护
          </view>
          	<u-tag text="82%" type="success" shape="square"  size="mini"  />
        </view>
        <view >
             <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
             <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
             <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
        </view>
       </view>
       <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
       <view class="u-today">
         <view class="u-today-card">
             <view class="u-today-card-title">
               主变保护器相关背题
             </view>
             <view class="">
                2024-03-12 12:00:00
             </view>
         </view>
     
         <view class="u-today-icon">
               <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
         </view>
       </view>
     
     </view>  
     <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
       <view class="u-header">
        <view class="u-header-body">
          <view class="u-header-text">
            主变保护
          </view>
          	<u-tag text="82%" type="success" shape="square"  size="mini"  />
        </view>
        <view >
             <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
             <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
             <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
        </view>
       </view>
       <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
       <view class="u-today">
         <view class="u-today-card">
             <view class="u-today-card-title">
               主变保护器相关背题
             </view>
             <view class="">
                2024-03-12 12:00:00
             </view>
         </view>
     
         <view class="u-today-icon">
               <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
         </view>
       </view>
     
     </view>  
     <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
       <view class="u-header">
        <view class="u-header-body">
          <view class="u-header-text">
            主变保护
          </view>
          	<u-tag text="82%" type="success" shape="square"  size="mini"  />
        </view>
        <view >
             <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
             <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
             <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
        </view>
       </view>
       <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
       <view class="u-today">
         <view class="u-today-card">
             <view class="u-today-card-title">
               主变保护器相关背题
             </view>
             <view class="">
                2024-03-12 12:00:00
             </view>
         </view>
     
         <view class="u-today-icon">
               <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
         </view>
       </view>
     
     </view>  
     <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
       <view class="u-header">
        <view class="u-header-body">
          <view class="u-header-text">
            主变保护
          </view>
          	<u-tag text="82%" type="success" shape="square"  size="mini"  />
        </view>
        <view >
             <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
             <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
             <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
        </view>
       </view>
       <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
       <view class="u-today">
         <view class="u-today-card">
             <view class="u-today-card-title">
               主变保护器相关背题
             </view>
             <view class="">
                2024-03-12 12:00:00
             </view>
         </view>
     
         <view class="u-today-icon">
               <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
         </view>
       </view>
     
     </view>  
     <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
       <view class="u-header">
        <view class="u-header-body">
          <view class="u-header-text">
            主变保护
          </view>
          	<u-tag text="82%" type="success" shape="square"  size="mini"  />
        </view>
        <view >
             <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
             <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
             <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
        </view>
       </view>
       <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
       <view class="u-today">
         <view class="u-today-card">
             <view class="u-today-card-title">
               主变保护器相关背题
             </view>
             <view class="">
                2024-03-12 12:00:00
             </view>
         </view>
     
         <view class="u-today-icon">
               <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
         </view>
       </view>
     
     </view>  
     <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
       <view class="u-header">
        <view class="u-header-body">
          <view class="u-header-text">
            主变保护
          </view>
          	<u-tag text="82%" type="success" shape="square"  size="mini"  />
        </view>
        <view >
             <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
             <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
             <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
        </view>
       </view>
       <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
       <view class="u-today">
         <view class="u-today-card">
             <view class="u-today-card-title">
               主变保护器相关背题
             </view>
             <view class="">
                2024-03-12 12:00:00
             </view>
         </view>
     
         <view class="u-today-icon">
               <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
         </view>
       </view>
     
     </view>  
     <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
       <view class="u-header">
        <view class="u-header-body">
          <view class="u-header-text">
            主变保护
          </view>
          	<u-tag text="82%" type="success" shape="square"  size="mini"  />
        </view>
        <view >
             <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
             <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
             <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
        </view>
       </view>
       <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
       <view class="u-today">
         <view class="u-today-card">
             <view class="u-today-card-title">
               主变保护器相关背题
             </view>
             <view class="">
                2024-03-12 12:00:00
             </view>
         </view>
     
         <view class="u-today-icon">
               <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
         </view>
       </view>
     
     </view>  
     
     <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
       <view class="u-header">
        <view class="u-header-body">
          <view class="u-header-text">
            主变保护
          </view>
          	<u-tag text="82%" type="success" shape="square"  size="mini"  />
        </view>
        <view >
             <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
             <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
             <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
        </view>
       </view>
       <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
       <view class="u-today">
         <view class="u-today-card">
             <view class="u-today-card-title">
               主变保护器相关背题
             </view>
             <view class="">
                2024-03-12 12:00:00
             </view>
         </view>
     
         <view class="u-today-icon">
               <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
         </view>
       </view>
     
     </view>  
     <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
       <view class="u-header">
        <view class="u-header-body">
          <view class="u-header-text">
            主变保护
          </view>
          	<u-tag text="82%" type="success" shape="square"  size="mini"  />
        </view>
        <view >
             <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
             <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
             <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
        </view>
       </view>
       <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
       <view class="u-today">
         <view class="u-today-card">
             <view class="u-today-card-title">
               主变保护器相关背题
             </view>
             <view class="">
                2024-03-12 12:00:00
             </view>
         </view>
     
         <view class="u-today-icon">
               <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
         </view>
       </view>
     
     </view>  
     <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
       <view class="u-header">
        <view class="u-header-body">
          <view class="u-header-text">
            主变保护
          </view>
          	<u-tag text="82%" type="success" shape="square"  size="mini"  />
        </view>
        <view >
             <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
             <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
             <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
        </view>
       </view>
       <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
       <view class="u-today">
         <view class="u-today-card">
             <view class="u-today-card-title">
               主变保护器相关背题
             </view>
             <view class="">
                2024-03-12 12:00:00
             </view>
         </view>
     
         <view class="u-today-icon">
               <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
         </view>
       </view>
     
     </view>          <view class="health-shadow tn-margin tn-color-black tn-bg-white" style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
          <view class="u-header">
           <view class="u-header-body">
             <view class="u-header-text">
               主变保护
             </view>
             	<u-tag text="82%" type="success" shape="square"  size="mini"  />
           </view>
           <view >
                <u-tag class="u-header-tag" text="81" type="primary" shape="square" size="mini"  /> 
                <u-tag class="u-header-tag" text="3" type="warning" shape="square"  size="mini"  />
                <u-tag class="u-header-tag" text="1" type="info" shape="square"  size="mini"  />
           </view>
          </view>
          <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
          <view class="u-today">
            <view class="u-today-card">
                <view class="u-today-card-title">
                  主变保护器相关背题
                </view>
                <view class="">
                   2024-03-12 12:00:00
                </view>
            </view>

            <view class="u-today-icon">
                  <u-icon  name="zhuanfa" color="#7BA6ED" size="40"></u-icon>
            </view>
          </view>

        </view>  
   		</view>
   	</view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        background: {
        					backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
        				},
                curLib: 'mh_secur_4',
                libs: ['mh_secur_4', 'mh_secur_5']
      };
    },
    methods:{
      addPaper(){
        uni.navigateTo({
          url:'./addPaper/addPaper'
        })
      },
      /**
       * ajax请求 此处仅简化代码 不做封装 封装方式请移步以下链接
       * @tutorial https://ext.dcloud.net.cn/plugin?id=16529
       */
      getExamList(params = {}) {
        return new Promise((resolve, reject) => {
          uni.request({
            url: 'https://fc-mp-80740b3d-3f1f-452a-9661-5ab000526a80.next.bspapp.com/api/application/examList',
            data: params,
            method: 'POST',
            success: (res) => {
              res = {
  "data": [
    {
      "_id": "9ea42e7b-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 1,
      "exam_title": "<div>信息系统工程监理活动被概括为“四控、三管、一协调”，其中三管是指（ ）</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>合同管理、信息管理、安全管理</div>"
        },
        {
          "key": "B",
          "value": "<div>成本管理、进度管理、质量管理</div>"
        },
        {
          "key": "C",
          "value": "<div>整体管理、范围管理、沟通管理</div>"
        },
        {
          "key": "D",
          "value": "<div>采购管理、变更管理、风险管理</div>"
        }
      ],
      "exam_answer": [
        "A"
      ],
      "analysis": "<div>监理活动的内容被概括为“四控、三管、一协调”。 （1）四控： 信息系统工程质量控制；信息系统工程进度控制；信息系统工程投资控制；信息系统工程变更控制。 （2）三管： 信息系统工程合同管理；信息系统工程信息管理；信息系统工程安全管理。 一协调： 在信息系统工程实施过程中协调有关单位及人员间的工作关系。</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "监理活动的内容被概括为“四控、三管、一协调”。 （1）四控： 信息系统工程质量控制；信息系统工程进度控制；信息系统工程投资控制；信息系统工程变更控制。 （2）三管： 信息系统工程合同管理；信息系统工程信息管理；信息系统工程安全管理。 一协调： 在信息系统工程实施过程中协调有关单位及人员间的工作关系。",
      "summary": "及人员间的工作关系。"
    },
    {
      "_id": "9ea42f65-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 1,
      "exam_title": "<div>在下列技术中，（ ）提供了可靠消息传输、服务接入、协议转换、数据格式转换、基于内容的路由等功能，能够满足大型异构企业环境的集成需求。</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>ESB</div>"
        },
        {
          "key": "B",
          "value": "<div>RUP</div>"
        },
        {
          "key": "C",
          "value": "<div>EJB</div>"
        },
        {
          "key": "D",
          "value": "<div>PERT</div>"
        }
      ],
      "exam_answer": [
        "A"
      ],
      "analysis": "<div>ESB 全称为 Enterprise Service Bus，即企业服务总线。它是传统中间件技术与 XML、 Web 服务等技术结合的产物。ESB 提供了网络中最基本的连接是构筑企业神经系统 的必要元素。ESB 的出现改变了传统的软件架构，可以提供比传统中间件产品更为廉价的解决方案，同时它还可以消除不同应用技术差异，让不同的应用服务器协调运作，实 现了不同服务之间的通信与整合。从功能上看，ESB 提供了事件驱动和文档导向的处理模式，以及分布行管理机制，它支持基于内容的路由和过滤，具备了复杂数据的传输能力，并可以提供一系列的标准接口。ESB能够满足大型异构企业环境的集成需求。</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "ESB 全称为 Enterprise Service Bus，即企业服务总线。它是传统中间件技术与 XML、 Web 服务等技术结合的产物。ESB 提供了网络中最基本的连接是构筑企业神经系统 的必要元素。ESB 的出现改变了传统的软件架构，可以提供比传统中间件产品更为廉价的解决方案，同时它还可以消除不同应用技术差异，让不同的应用服务器协调运作，实 现了不同服务之间的通信与整合。从功能上看，ESB 提供了事件驱动和文档导向的处理模式，以及分布行管理机制，它支持基于内容的路由和过滤，具备了复杂数据的传输能力，并可以提供一系列的标准接口。ESB能够满足大型异构企业环境的集成需求。",
      "summary": "企业环境的集成需求。"
    },
    {
      "_id": "9ea42fd6-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 1,
      "exam_title": "<div>C2C电子商务模式中，常用的在线支付方式为（ ）。</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>电子钱包</div>"
        },
        {
          "key": "B",
          "value": "<div>第二方支付</div>"
        },
        {
          "key": "C",
          "value": "<div>第三方支付</div>"
        },
        {
          "key ": "D",
          "value": "<div>支付网关</div>"
        }
      ],
      "exam_answer": [
        "A"
      ],
      "analysis": "<div>电子商务网上支付模式中，使用“信任的第三方”比较常见和普及，因为第三方支付平台是在商家与消费者之间建立了一个公共可信任的中介。它满足了务中商家和消费者对信誉和安全的要求，它的出现和发展说明该方式满足市场发展的必然需求。现以该模式为样本，简要分析其原理。 第三方支付一模式为：买方选购商品后，使用第三方平台提供的账户进行货款支付，第三方在收到代为保管的货款后，通知卖家货款到账，要求商家发货；买方收到检验商品并确认后，通知第三方付款；第三方将其款项转划至卖家账户上。这一交易完成过程的实质是一种提供结算信用担保的中介服务方式。 而电电子商务购物活动中常用的一种支付工具，适于小额购物。在电子钱包内存放的电子货币，如电子现金、电子零钱、电子信用卡等。电子商务活动中电的软件通常都是免费提供的。世界上有VISA Cash和Mondex两大在线电子钱包服务系统。 但电子钱包不一定是软件：一类是纯粹的软件，主要用于网费、帐户管理，这类软件通常与银行账户或银行卡账户是连接在一起的。另一类是小额支付的智能储值卡，持卡人预先在卡中存入一定的金额，交易时储值帐户中扣除交易金额。</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "电子商务网上支付模式中，使用“信任的第三方”比较常见和普及，因为第三方支付平台是在商家与消费者之间建立了一个公共可信任的中介。它满足了务中商家和消费者对信誉和安全的要求，它的出现和发展说明该方式满足市场发展的必然需求。现以该模式为样本，简要分析其原理。 第三方支付一模式为：买方选购商品后，使用第三方平台提供的账户进行货款支付，第三方在收到代为保管的货款后，通知卖家货款到账，要求商家发货；买方收到检验商品并确认后，通知第三方付款；第三方将其款项转划至卖家账户上。这一交易完成过程的实质是一种提供结算信用担保的中介服务方式。 而电电子商务购物活动中常用的一种支付工具，适于小额购物。在电子钱包内存放的电子货币，如电子现金、电子零钱、电子信用卡等。电子商务活动中电的软件通常都是免费提供的。世界上有VISA Cash和Mondex两大在线电子钱包服务系统。 但电子钱包不一定是软件：一类是纯粹的软件，主要用于网费、帐户管理，这类软件通常与银行账户或银行卡账户是连接在一起的。另一类是小额支付的智能储值卡，持卡人预先在卡中存入一定的金额，交易时储值帐户中扣除交易金额。",
      "summary": "帐户中扣除交易金额。"
    },
    {
      "_id": "9ea43043-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 1,
      "exam_title": "<div>政府机构利用Intranet建立起有效的行政办公和员工管理体系，以提高政府工作效率和公务员管理水平，这种电子政务的模式是（ ）。</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>G2G</div>"
        },
        {
          "key": "B",
          "value": "<div>G2C</div>"
        },
        {
          "key": "C",
          "value": "<div>G2E</div>"
        },
        {
          "key": "D",
          "value": "<div>G2B</div>"
        }
      ],
      "exam_answer": [
        "C"
      ],
      "analysis": "<div>电子政务的主要模式有四种： （1）G2G：政府内部、政府上下级之间、不同地区和不同职能部门之间实现的电子政务活动。G2G模式是电子政务的基本模式，包括电子法规政策系子公文系统、电子司法档案系统、电子财政管管理系统、电子办公系统、电子培训系统和业绩评价系统等。 （2）G2E：政府与公务员之间的电子政务，主要利用Intranet建立有效的行政办公和员工管理体系，为提高政府工作效率和公务员管理水平服务。G2E 机构通过网络技术实现内部电子化管理的重要形式。 （3）G2B：政府与企业之间的电子政务，包括电子招标与采购，电子税务、电子证照办理、信息咨询服务和中小企业电子服务等。 （4）G2C：政府与公民之间的电子政务，是指政府通过电子网络系统为公民提供各种服务。包括教育培训服务、就业服务、电子医疗服务、社会保险务、公民信息服务、交通管理服务、公民电子税务和电子证件服务等。</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "电子政务的主要模式有四种： （1）G2G：政府内部、政府上下级之间、不同地区和不同职能部门之间实现的电子政务活动。G2G模式是电子政务的基本模式，包括电子法规政策系子公文系统、电子司法档案系统、电子财政管管理系统、电子办公系统、电子培训系统和业绩评价系统等。 （2）G2E：政府与公务员之间的电子政务，主要利用Intranet建立有效的行政办公和员工管理体系，为提高政府工作效率和公务员管理水平服务。G2E 机构通过网络技术实现内部电子化管理的重要形式。 （3）G2B：政府与企业之间的电子政务，包括电子招标与采购，电子税务、电子证照办理、信息咨询服务和中小企业电子服务等。 （4）G2C：政府与公民之间的电子政务，是指政府通过电子网络系统为公民提供各种服务。包括教育培训服务、就业服务、电子医疗服务、社会保险务、公民信息服务、交通管理服务、公民电子税务和电子证件服务等。",
      "summary": "务和电子证件服务等。"
    },
    {
      "_id": "9ea430a0-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 1,
      "exam_title": "<div>某系统集成企业成立于2010年6月，注册资金200万元人民币，截止到2012年8月有5项软件进行了著作权登记，但均未进行软件产品登记。该企业于2012年9月1日向资质构提出计算机信息系统集成三级企业资质的申请，根据《计算机信息系统集成企业资质等级评定条件（2012年修定版）》，下面说法正确的是（ ）。</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>该企业已达到三级资质的评定条件</div>"
        },
        {
          "key": "B",
          "value": "<div>该企业成立时间不符合三级资质的要求</div>"
        },
        {
          "key": "C",
          "value": "<div>该企业因未取得软件产品登记而不符合三级资质要求</div>"
        },
        {
          "key": "D",
          "value": "<div>该企业的注册资金不符合三级资质要求</div>"
        }
      ],
      "exam_answer": [
        "C"
      ],
      "analysis": "<div>根据计算机信息系统集成企业资质等级评定条件（2012年修定版）三级资质评定条件： 1、综合条件：企业是在中华人民共和国境内注册的企业法人，变革发展历程清晰、产权关系明确，取得计算机信息系统集成企业四级资质的时间不少于或从事系统集成业务的时间不少于两年； 企业不拥有信息系统工程监理单位资质； 企业主业是系统集成，近三年的系统集成收入总额占营业收入总额不低于50％； 企业注册资本和实收资本均不少于200万元。 2、技术实力：1、在主要业务领域具有较强的技术实力； 2、经过登记的自主开发的软件产品不少于3个，且部分软件产品在近三年已完成的项目中得到；3、有专门从事软件或系统集成技术开发的研发人员，已建立基本的软件开发与测试体系，研发及办公场地面积不少于300平米。</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "根据计算机信息系统集成企业资质等级评定条件（2012年修定版）三级资质评定条件： 1、综合条件：企业是在中华人民共和国境内注册的企业法人，变革发展历程清晰、产权关系明确，取得计算机信息系统集成企业四级资质的时间不少于或从事系统集成业务的时间不少于两年； 企业不拥有信息系统工程监理单位资质； 企业主业是系统集成，近三年的系统集成收入总额占营业收入总额不低于50％； 企业注册资本和实收资本均不少于200万元。 2、技术实力：1、在主要业务领域具有较强的技术实力； 2、经过登记的自主开发的软件产品不少于3个，且部分软件产品在近三年已完成的项目中得到；3、有专门从事软件或系统集成技术开发的研发人员，已建立基本的软件开发与测试体系，研发及办公场地面积不少于300平米。",
      "summary": "积不少于300平米。"
    },
    {
      "_id": "9ea4311b-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 1,
      "exam_title": "<div>根据《计算机信息系统集成企业资质等级评定条件（2012年修定版）》，关于计算机信息系统集成项目管理人员资质的人数要求，下面说法不正确的是（ ）。</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>一级资质企业要求具有计算机信息系统集成项目管理人员资质的人数不少于30名，其中高级项目经理人数不少于10名</div>"
        },
        {
          "key": "B",
          "value": "<div>二级资质企业要求具有计算机信息系统集成项目管理人员资质的人数不少于18名，其中高级项目经理人数不少于4名</div>"
        },
        {
          "key": "C",
          "value": "<div>三级资质企业要求具有计算机信息系统集成项目管理人员资质的人数不少于5名，其中高级项目经理人数不少于2名</div>"
        },
        {
          "key": "D",
          "value": "<div>四级资质企业要求具有计算机信息系统集成项目管理人员资质的人数不少于2名</div>"
        }
      ],
      "exam_answer": [
        "C"
      ],
      "analysis": "<div>根据工信部《计算机信息系统集成企业资质等级评定条件（2012年修定版）》的通知（工信计资［2012］6号），要求系统集成 一级资质企业中具有息系统集成项目管理资质的人数不少于30名，其中高级项目经理人数不少于10名； 二级资质企业中具有计算机信息系统集成项目管理资质的人数不少名，其中高级项目经理人数不少于4名； 三级资质企业中具有计算机信息系统集成项目管理资质的人数不少于6名，其中高级项目经理人数不少于1名； 质企业中具有计算机信息系统集成项目管理资质的人数不少于2名；</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "根据工信部《计算机信息系统集成企业资质等级评定条件（2012年修定版）》的通知（工信计资［2012］6号），要求系统集成 一级资质企业中具有息系统集成项目管理资质的人数不少于30名，其中高级项目经理人数不少于10名； 二级资质企业中具有计算机信息系统集成项目管理资质的人数不少名，其中高级项目经理人数不少于4名； 三级资质企业中具有计算机信息系统集成项目管理资质的人数不少于6名，其中高级项目经理人数不少于1名； 质企业中具有计算机信息系统集成项目管理资质的人数不少于2名；",
      "summary": "质的人数不少于2名；"
    },
    {
      "_id": "9ea4317f-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 1,
      "exam_title": "<div>在关于用例(use case)的描述中，错误的是</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>用例将系统的功能范围分解成许多小的系统功能陈述</div>"
        },
        {
          "key": "B",
          "value": "<div>一个用例代表了系统的一个单一的目标</div>"
        },
        {
          "key": "C",
          "value": "<div>用例是一个行为上相关的步骤序列</div>"
        },
        {
          "key": "D",
          "value": "<div>用例描述了系统与用户之间的交互</div>"
        }
      ],
      "exam_answer": [
        "A"
      ],
      "analysis": "<div>用例是一个行为上相关的步骤序列，既可以是自动的也可以是手工的，其目的是完成一个单一的业务任务。用例将系统功能范围分解成许多小的系统功能陈述。用例是一种描述和记录系统需求的技术。一个用例本身并不是一个功能需求，但用例所讲述的场景包含了一个或者多个需求。一个用例代表了系统的一个单一的目标，描述了为了实现此目标的活动和用户交互的一个序列。</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "用例是一个行为上相关的步骤序列，既可以是自动的也可以是手工的，其目的是完成一个单一的业务任务。用例将系统功能范围分解成许多小的系统功能陈述。用例是一种描述和记录系统需求的技术。一个用例本身并不是一个功能需求，但用例所讲述的场景包含了一个或者多个需求。一个用例代表了系统的一个单一的目标，描述了为了实现此目标的活动和用户交互的一个序列。",
      "summary": "用户交互的一个序列。"
    },
    {
      "_id": "9ea431d8-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 1,
      "exam_title": "<div>在用例建模的过程中，若几个用例执行了同样的功能步骤，这时可以把这些公共步骤提取成独立的用例，这种用例称为 (2) 。在UML的用例图上，将用例之间的这种关系标记为</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>扩展用例</div>"
        },
        {
          "key": "B",
          "value": "<div>抽象用例</div>"
        },
        {
          "key": "C",
          "value": "<div>公共用例</div>"
        },
        {
          "key": "D",
          "value": "<div>参与用例</div>"
        }
      ],
      "exam_answer": [
        "C"
      ],
      "analysis": "<div>用例之间的关系包括：关联关系、扩展关系、使用(或包含)关系、依赖关系和继承关系。一个用例可能会包含由几个步骤组成的复杂功能，使用例难以理解。扩展用例，是为了简化用例，使其更容易理解，从而将较复杂的步骤提取成专门的用例，得到的用例，它扩展了原始用例的功能。扩展用例与其他扩展用例之间的关系称为扩展关系。在UML中，每个扩展关系标记为“<>”。抽象用例是源于几个用例执行了同样的步骤，而把这些公共步骤提取成独立的用例。抽象用例代表某种形式的“复用”，是降低用例之间冗余的工具，抽象用例和使用它的用例之间的关系称为使用(或包含)关系。在UML中，使用关系标记为“<>”。</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "用例之间的关系包括：关联关系、扩展关系、使用(或包含)关系、依赖关系和继承关系。一个用例可能会包含由几个步骤组成的复杂功能，使用例难以理解。扩展用例，是为了简化用例，使其更容易理解，从而将较复杂的步骤提取成专门的用例，得到的用例，它扩展了原始用例的功能。扩展用例与其他扩展用例之间的关系称为扩展关系。在UML中，每个扩展关系标记为“<>”。抽象用例是源于几个用例执行了同样的步骤，而把这些公共步骤提取成独立的用例。抽象用例代表某种形式的“复用”，是降低用例之间冗余的工具，抽象用例和使用它的用例之间的关系称为使用(或包含)关系。在UML中，使用关系标记为“<>”。",
      "summary": "关系标记为“<>”。"
    },
    {
      "_id": "9ea4323a-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 2,
      "exam_title": "<div>在面向对象的软件开发中，关于封装性的理解，以下正确的选项是？</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>封装意味着对象的属性和行为被结合在一起，不可分割 </div>"
        },
        {
          "key": "B",
          "value": "<div>封装的目的是增强安全性和简化编程</div>"
        },
        {
          "key": "C",
          "value": "<div>封装体内的数据只能被本类的成员访问</div>"
        },
        {
          "key": "D",
          "value": "<div>封装可以阻止外界直接访问对象内部状态，但必须提供访问接口</div>"
        }
      ],
      "exam_answer": [
        "A",
        "B",
        "D"
      ],
      "analysis": "<div>A. 正确。封装是面向对象编程的基本原则之一，它确实意味着将数据（属性）和操作这些数据的方法（行为）封装在一起，形成一个独立的单元。B. 正确。封装提高了代码的安全性，因为外部代码不能直接修改对象内部的状态，同时也简化了编程，因为对象的行为被组织在一起，使得代码更容易理解和维护。C. 部分错误。虽然封装通常限制了对对象内部数据的直接访问，但并不意味着只有本类的成员才能访问。通过公共的getter和setter方法，外部代码也可以在一定程度上访问和修改封装的数据。D. 正确。封装的一个重要作用就是隐藏对象的内部实现细节，通过提供公共接口来控制对对象内部状态的访问，这样可以防止外部代码对内部状态的不当修改。</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "A. 正确。封装是面向对象编程的基本原则之一，它确实意味着将数据（属性）和操作这些数据的方法（行为）封装在一起，形成一个独立的单元。B. 正确。封装提高了代码的安全性，因为外部代码不能直接修改对象内部的状态，同时也简化了编程，因为对象的行为被组织在一起，使得代码更容易理解和维护。C. 部分错误。虽然封装通常限制了对对象内部数据的直接访问，但并不意味着只有本类的成员才能访问。通过公共的getter和setter方法，外部代码也可以在一定程度上访问和修改封装的数据。D. 正确。封装的一个重要作用就是隐藏对象的内部实现细节，通过提供公共接口来控制对对象内部状态的访问，这样可以防止外部代码对内部状态的不当修改。",
      "summary": "内部状态的不当修改。"
    },
    {
      "_id": "9ea43297-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 2,
      "exam_title": "<div>在TCP/IP协议栈中，以下哪些协议工作在传输层？</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>ICMP </div>"
        },
        {
          "key": "B",
          "value": "<div>TCP</div>"
        },
        {
          "key": "C",
          "value": "<div>UDP</div>"
        },
        {
          "key": "D",
          "value": "<div>ARP</div>"
        }
      ],
      "exam_answer": [
        "B",
        "C"
      ],
      "analysis": "<div>A. ICMP（Internet Control Message Protocol）工作在网络层，用于差错报告和控制消息的传递。B. TCP（Transmission Control Protocol）工作在传输层，提供了面向连接的、可靠的字节流服务。C. UDP（User Datagram Protocol）同样工作在传输层，但是它提供的是无连接的、不可靠的数据报服务。D. ARP（Address Resolution Protocol）工作在网络层，用于将IP地址解析为MAC地址。</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "A. ICMP（Internet Control Message Protocol）工作在网络层，用于差错报告和控制消息的传递。B. TCP（Transmission Control Protocol）工作在传输层，提供了面向连接的、可靠的字节流服务。C. UDP（User Datagram Protocol）同样工作在传输层，但是它提供的是无连接的、不可靠的数据报服务。D. ARP（Address Resolution Protocol）工作在网络层，用于将IP地址解析为MAC地址。",
      "summary": "址解析为MAC地址。"
    },
    {
      "_id": "9ea432fa-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 2,
      "exam_title": "<div>关于设计模式中的单例模式（Singleton Pattern），以下描述正确的是</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>确保一个类只有一个实例，并提供一个全局访问点。</div>"
        },
        {
          "key": "B",
          "value": "<div>单例模式分为饿汉式和懒汉式两种实现方式。</div>"
        },
        {
          "key": "C",
          "value": "<div>单例模式常用于控制资源访问，如数据库连接池。</div>"
        },
        {
          "key": "D",
          "value": "<div>单例模式违反了单一职责原则，因此应尽量避免使用。</div>"
        }
      ],
      "exam_answer": [
        "A",
        "B",
        "C"
      ],
      "analysis": "<div>A. 正确，这是单例模式的基本定义，确保任何情况下一个类只有一个实例，并提供一个全局访问点。B. 正确，单例模式的实现通常分为饿汉式（类加载时就完成初始化）和懒汉式（首次使用时才初始化）。C. 正确，单例模式在实际应用中常用于控制对共享资源的访问，如数据库连接池、线程池等场景。D. 部分错误。虽然有观点认为过度使用单例可能会导致设计上的问题，如紧耦合，但它在特定场景下是非常有用的模式，并不意味着应一律避免使用。</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "A. 正确，这是单例模式的基本定义，确保任何情况下一个类只有一个实例，并提供一个全局访问点。B. 正确，单例模式的实现通常分为饿汉式（类加载时就完成初始化）和懒汉式（首次使用时才初始化）。C. 正确，单例模式在实际应用中常用于控制对共享资源的访问，如数据库连接池、线程池等场景。D. 部分错误。虽然有观点认为过度使用单例可能会导致设计上的问题，如紧耦合，但它在特定场景下是非常有用的模式，并不意味着应一律避免使用。",
      "summary": "味着应一律避免使用。"
    }
  ],
  "code": 200,
  "success": true,
  "message": "Request Success",
  "querytime": 1715594394288,
  "timeCost": 60
}
              resolve(res.data)
            },
            fail: (err) => {
              reject(err)
            }
          })
        })
      },
       backIndex() {
            uni.navigateback();
          },
      answerHandle(type){
      uni.navigateTo({
       url: '/uni_modules/sv-exam-plus/pages/exam/exam',
       success: async (res) => {
         res.eventChannel.emit('e-transmit-exams', {
           param: {
             from_lib: this.curLib,
             unit: 'unit-1'
           },
           opt: {
             lib_name: this.curLib,
             type: type
           },
           apifunc: {
             examList: this.getExamList
           }
         })
       }
     })
      }
    }
  }
</script>

<style lang="scss">
.u-title {
  color: #fff;
}
.u-nav-slot{
  margin-right: 29rpx;
}

   /* 阴影 start*/
   .health-shadow {
     border-radius: 15rpx;
     box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
   }
   .u-header{
     display: flex;
     justify-content: space-between;
          padding: 10rpx;
     .u-header-body{
       display: flex;
       
     }
     .u-header-text{
       margin-right: 10rpx;
     }
     .u-header-tag{
       margin-right: 10rpx;
     }
   }
   
   .u-today{
     display: flex;
     justify-content: space-between;
     padding: 10rpx;
     .u-today-card{
       font-size: 20rpx;
       color: #333;
       .u-today-card-title{
         margin-bottom: 15rpx;
       }
     }
     .u-today-icon{
       font-size: 40rpx;
       
     }
   }
</style>
